<script setup lang="ts"></script>

<template>
  <div>
    <svg style="width: 200px; height: 200px">
      <!-- icon-图标名称 -->
      <use xlink:href="#icon-phone" fill="yellow"></use>
    </svg>
    <SvgIcon name="phone" size="100" class="l-icon" color="#1afa29"></SvgIcon>
  </div>
  <div class="l-test"></div>
  <el-button type="primary">按钮</el-button>
  <el-button type="success">按钮</el-button>
  <el-button type="warning">按钮</el-button>
  <el-button type="danger">按钮</el-button>
</template>

<style scoped lang="scss">
.l-test {
  width: 100px;
  height: 100px;
  background-color: $color;
}
</style>
